<template>
    <div>
        <!-- 展示物流进度 -->
        <el-dialog
            title="物流进度"
            :visible.sync="ProgRessDialogVisible" width="50%">
            <el-timeline :reverse="true">
                <el-timeline-item
                    v-for="(activity, index) in progressInfo"
                    :key="index"
                     :icon="activity.icon"
                     :type="activity.type"
                     :color="'#409eff'"
                     :size="activity.size"
                    :timestamp="activity.time">
                    {{activity.context}}
                </el-timeline-item>
            </el-timeline>    
        </el-dialog>
    </div>
</template>
<script>
export default {
    name: 'ProhressBox',
    props:{
        progressInfo:{
            type: Array,
            default:()=>{
                return [];
            }
        }
    },
    data() {
        return {
            ProgRessDialogVisible:false,
        };
    },
    methods: {
        
    },
};
</script>

<style lang="less" scoped>

</style>